<!--  -->
<template>
  <div class="hbh-container">
    <commonTitle :title="'告警信息'" />
    <div class="banner">
      <dv-scroll-board :config="config" style="width:100%;height:300px" />
    </div>
  </div>
</template>

<script>
export default {
  //import引入的组件需要注入到对象中才能使用
  name: "carousel",
  components: {},
  data() {
    //这里存放数据
    return {
      config: {
        waitTime:1000,
        evenRowBGC:"rgba(80,91,101,.3)",
        oddRowBGC:"rgba(0,0,0,.1)",
        headerBGC:"rgba(59,79,101,0.8)",
        header: ["类型", "地点", "类型", "时间", "操作"],
        data: [
          ["热泵机", "50栋A座入口", "设备故障", "10/20 12:25", "查看"],
          ["热泵", "1栋B座入口", "设备离线", "10/20 12:25", "查看"],
          ["热泵机", "56栋A座入口", "设备故障", "10/20 12:56", "查看"],
          ["水控机", "51栋A7座入口", "设备离线", "10/20 12:25", "查看"],
          ["热泵机", "52栋A座入口", "设备故障", "10/20 12:25", "查看"],
          ["热泵", "9栋A1座入口", "设备离线", "10/20 13:33", "查看"],
          ["热泵机", "78栋A座入口", "设备离线", "10/20 14:25", "查看"],
          ["水控机", "5栋A3座入口", "设备故障", "10/20 15:25", "查看"],
          ["热泵机", "91栋A座入口", "设备离线", "10/20 16:25", "查看"],
          ["水控机", "77栋A5座入口", "设备故障", "10/20 17:25", "查看"],
        ],
      },
    };
  },
  //监听属性 类似于data概念
  computed: {},
  //监控data中的数据变化
  watch: {},
  //方法集合
  methods: {},
  //生命周期 - 创建完成（可以访问当前this实例）
  created() {},
  //生命周期 - 挂载完成（可以访问DOM元素）
  mounted() {},
  beforeCreate() {}, //生命周期 - 创建之前
  beforeMount() {}, //生命周期 - 挂载之前
  beforeUpdate() {}, //生命周期 - 更新之前
  updated() {}, //生命周期 - 更新之后
  beforeDestroy() {}, //生命周期 - 销毁之前
  destroyed() {}, //生命周期 - 销毁完成
  activated() {}, //如果页面有keep-alive缓存功能，这个函数会触发
};
</script>
<style lang="scss" scoped>
//@import url(); 引入公共css类
.hbh-container {
  width: 100%;
  margin-bottom: 50px;
  display: flex;
  flex-direction: column;
  align-items: center;
  .banner {
    padding-top: 10px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
  }
}
</style>
